/*1. 文字换行展示*/
.p1{
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}
.p2{
    word-break: break-all; //自动换行（兼容字母）
    overflow-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1; /* 最多显示x行 */
}
.p3{
    word-break: keep-all;
    white-space: nowrap; /* 强制不换行 */
}

/*2. 文字省略号展示*/
.ellipsis{
     white-space: nowrap;
    overflow: hidden;   
    text-overflow: ellipsis;
}